
{% extends "base.html" %}

{% block title %}{{ book_instance.title }}{% endblock %}

{% block heading %} <h1> book</h1><h2>View</h2>  {% endblock %}
{% block content %}
    <div role="main" class="container listpage">
        <div class="row clearfix" id="listBox">
            <div class="threecol">
                <div class="bookSimpleInfo">
                <span class="cover"><img
                        src="{{ book_instance.cover_img }}"/></span>
                <ul class="shortInfo">
                    <li><strong>页数：</strong>{{ book_instance.pages }}</li>
                    <li><strong>定价：</strong>{{ book_instance.price }}</li>
                    <li><strong>出版日期：</strong>{{ book_instance.pubdate }}</li>
                    <li><strong>出版社：</strong>{{ book_instance.publisher }}</li>
                </ul>
                </div>
            </div>
            <div class="ninecol last">
                <div class="contentWrap bookInfo">
                    <h1>{{ book_instance.title }}</h1>
                    <div class="textInfo">
                        <h3>内容简介</h3>
                        <div class="content grayFontColor">
                            {{ book_instance.summary }}
                        </div>
                        <div class="aboutAuthor">
                            <h6>关于作者</h6>
                            <p class="grayFontColor">{{ book_instance.author_intro }}</p>
                        </div>
                    </div>
                    <div class="downInfo">
                        <h3>电子版下载</h3>
                        <ul class="downlist">
                            {% for item in downLinks %}
                                <li class="item clearfix">
                                <span class="bookfomart left"></span>
                                <span class="downurl left"><i class="weblogo"></i><a href="{{ item.url }}">{{ item.url }}</a></span>
                            <span class="downaction right">
                                <a href="#"><i class="cicon icon-digg-up"></i>{{ item.digg }}</a>
                                <a href="#"><i class="cicon icon-digg-down"></i>{{ item.digg_d }}</a>
                            </span>
                            </li>
                        {% endfor %}
                        </ul>
                    </div>
                    <div class="buyInfo">
                        <h3>购买链接</h3>
                    </div>
                    <div class="oldInfo">
                        <h3>二手书信息</h3>
                    </div>
                    <div class="relatedbook">
                        <h3>相关书籍</h3>
                        <ul class="bookslist">
                            <li><a href="#" title="ebook" class="showPage"><span class="thumb"><img
                                    src="http://ebooksmio.com/uploads/posts/2012-03-19/robert-bauval-adrian-gilbert-the-orion-mystery_1.jpg"/></span>
                                <span class="info">15</span></a>
                            </li>
                            <li><a href="#" title="ebook" class="showPage"><span class="thumb"><img
                                    src="http://ebooksmio.com/uploads/posts/2012-03-19/new-urban-china-architectural-design-repost_1.jpg"/></span>
                                <span class="info">15</span></a>
                            </li>
                            <li><a href="#" title="ebook" class="showPage"><span class="thumb"><img
                                    src="http://ebooksmio.com/uploads/posts/2012-03-19/autocad-mep-2011_1.jpg"/></span>
                                <span class="info">15</span></a>
                            </li>
                            <li><a href="#" title="ebook" class="showPage"><span class="thumb"><img
                                    src="http://ebooksmio.com/uploads/posts/2012-03-19/mrs-ziegfeld-the-public-and-private-lives-of_1.jpg"/></span>
                                <span class="info">15</span></a>
                            </li>
                        </ul>
                    </div>
                    <div class="comment clearfix">

                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
